<template>
	<view class="page">
		<view class="flex benben-position-layout flex flex-wrap align-center submit_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub submit_fd0_0'>
				<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
					<text class='fu-iconfont2  submit_fd0_0_c0_c0'>&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-center submit_fd0_0_c1'>
				</view>
			</view>

		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
		<!---flex布局flex布局开始-->
		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout submit_flex_1">
			<view class='flex flex-direction flex-wrap align-stretch'>
				<view class='flex flex-wrap align-center justify-center submit_fd1_0_c0'>
					<image class='submit_fd1_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"32.png"'></image>
				</view>
				<text class='submit_fd1_0_c1'>试卷已提交</text>
				<view class='flex flex-wrap align-center submit_fd1_0_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-center submit_fd1_0_c3'>
					<image class='submit_fd1_0_c3_c0' mode="aspectFit" :src='STATIC_URL+"33.png"'></image>
					<text class='submit_fd1_0_c3_c1'>刷题分析</text>
					<image class='submit_fd1_0_c3_c2' mode="aspectFit" :src='STATIC_URL+"34.png"'></image>
				</view>
				<view class='flex flex-wrap align-center submit_fd1_0_c4'>
					<view class='flex flex-direction flex-wrap align-stretch submit_fd1_0_c4_c0'>
						<view class='flex flex-wrap align-center'>
							<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c0_c0'>
							</view>
							<text class='submit_fd1_0_c4_c0_c0_c1'>单选</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c1'>
							<text class='submit_fd1_0_c4_c0_c1_c0'>题 数</text>
							<text class='submit_fd1_0_c4_c0_c1_c1'>{{radio.total_num}}</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c2'>
							<text class='submit_fd1_0_c4_c0_c2_c0'>错误数</text>
							<text class='submit_fd1_0_c4_c0_c2_c1'>{{radio.wrong_num}}</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='submit_fd1_0_c4_c0_c3_c0'>正确率</text>
							<text class='submit_fd1_0_c4_c0_c3_c1'>{{radio.correct_probability}}</text>
							<text class='submit_fd1_0_c4_c0_c3_c2'>%</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c1_x'>
							<text class='submit_fd1_0_c4_c0_c1_c0'>分 数</text>
							<text class='submit_fd1_0_c4_c0_c1_c1'>{{radio.score}}</text>
						</view>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch submit_fd1_0_c4_c0'>
						<view class='flex flex-wrap align-center'>
							<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c0_c0'>
							</view>
							<text class='submit_fd1_0_c4_c0_c0_c1'>多选</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c1'>
							<text class='submit_fd1_0_c4_c0_c1_c0'>题 数</text>
							<text class='submit_fd1_0_c4_c0_c1_c1'>{{multiset.total_num}}</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c2'>
							<text class='submit_fd1_0_c4_c0_c2_c0'>错误数</text>
							<text class='submit_fd1_0_c4_c0_c2_c1'>{{multiset.wrong_num}}</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='submit_fd1_0_c4_c0_c3_c0'>正确率</text>
							<text class='submit_fd1_0_c4_c0_c3_c1'>{{multiset.correct_probability}}</text>
							<text class='submit_fd1_0_c4_c0_c3_c2'>%</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c1_x'>
							<text class='submit_fd1_0_c4_c0_c1_c0'>分 数</text>
							<text class='submit_fd1_0_c4_c0_c1_c1'>{{multiset.score}}</text>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-center submit_fd1_0_c4'>
					<view class='flex flex-direction flex-wrap align-stretch submit_fd1_0_c4_c0'>
						<view class='flex flex-wrap align-center'>
							<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c0_c0'>
							</view>
							<text class='submit_fd1_0_c4_c0_c0_c1'>判断</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c1'>
							<text class='submit_fd1_0_c4_c0_c1_c0'>题 数</text>
							<text class='submit_fd1_0_c4_c0_c1_c1'>{{estimate.total_num}}</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c2'>
							<text class='submit_fd1_0_c4_c0_c2_c0'>错误数</text>
							<text class='submit_fd1_0_c4_c0_c2_c1'>{{estimate.wrong_num}}</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='submit_fd1_0_c4_c0_c3_c0'>正确率</text>
							<text class='submit_fd1_0_c4_c0_c3_c1'>{{estimate.correct_probability}}</text>
							<text class='submit_fd1_0_c4_c0_c3_c2'>%</text>
						</view>
						<view class='flex flex-wrap align-center submit_fd1_0_c4_c0_c1_x'>
							<text class='submit_fd1_0_c4_c0_c1_c0'>分 数</text>
							<text class='submit_fd1_0_c4_c0_c1_c1'>{{estimate.score}}</text>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-between submit_fd1_0_c5'>
					<button class='submit_fd1_0_c5_c0' @tap.stop="handleJumpDiy" data-type="back" data-url="1">返回</button>
					<button class='submit_fd1_0_c5_c1' @tap.stop="handleJumpDiy"
					data-type="redirectTo" :data-url="`/pages/index/wrongQuestion/wrongQuestion`">查看错题</button>
				</view>
			</view>
		</view>
		<!---flex布局flex布局结束-->

	</view>
</template>
<script>
	export default {
		components: {},

		data() {
			return {
				practicetest_id: '',
				type: '2',  // 1模拟  2随堂测试
				estimate: {},
				multiset: {},
				radio: {}
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			this.practicetest_id = options.practicetest_id;
			this.type = options.type;
			this.getResult();
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			// 模拟考试结果  post6306ce0e14ba8
			getResult() {
				let url = '';
				let data = {};
				if (this.type == 1) {
					url = global.apiUrls.post6306ce0e14ba8
					data.simulation_test_log_id = this.practicetest_id
				} else {
					url = global.apiUrls.post63071e253dcba
					data.classroom_test_log_id = this.practicetest_id
				}
				this.$api.post(url, data).then(res => {
					console.log(res);
					if (res.data.code == 1) {
						this.estimate = res.data.data.estimate;
						this.multiset = res.data.data.multiset;
						this.radio = res.data.data.radio;
					} else {
						this.$message.info(res.data.msg);
					}
				})
			}
		}
	};
</script>
<style lang="scss" scoped>
	.submit_fd1_0_c4_c0_c1_x {
		margin: 16rpx 0 0 0;
	}
	.submit_fd1_0_c0 {
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.submit_fd1_0_c0_c0 {
		width: 282rpx;
		height: 282rpx;
	}

	.submit_fd1_0_c1 {
		text-align: center;
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 600;
		color: #1593FF;
		margin: 0rpx 0rpx 56rpx 0rpx;
	}

	.submit_fd1_0_c2 {
		border-bottom: 2px dashed #eee;
		width: 622rpx;
		height: 1rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.submit_fd1_0_c3 {
		margin: 56rpx 0rpx 32rpx 0rpx;
	}

	.submit_fd1_0_c3_c0 {
		width: 46rpx;
		height: 28rpx;
	}

	.submit_fd1_0_c3_c1 {
		margin: 0rpx 24rpx 0rpx 24rpx;
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #060606;
	}

	.submit_fd1_0_c3_c2 {
		width: 46rpx;
		height: 28rpx;
	}

	.submit_fd1_0_c4 {
		padding: 0rpx 25rpx 0rpx 25rpx;
	}

	.submit_fd1_0_c4_c0 {
		background: #fff;
		background-size: 100% !important;
		width: 288rpx;
		padding: 32rpx 32rpx 32rpx 32rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		margin: 0rpx 15rpx 32rpx 15rpx;
	}

	.submit_fd1_0_c4_c0_c0_c0 {
		background: rgba(21, 147, 255, 0.3900);
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
	}

	.submit_fd1_0_c4_c0_c0_c1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.submit_fd1_0_c4_c0_c1 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.submit_fd1_0_c4_c0_c1_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		margin: 0rpx 24rpx 0rpx 0rpx;
		white-space: pre-wrap;
	}

	.submit_fd1_0_c4_c0_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #333333;
	}

	.submit_fd1_0_c4_c0_c2 {
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.submit_fd1_0_c4_c0_c2_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.submit_fd1_0_c4_c0_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.submit_fd1_0_c4_c0_c3_c0 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.submit_fd1_0_c4_c0_c3_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #00C396;
	}

	.submit_fd1_0_c4_c0_c3_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #00C396;
	}

	.submit_fd1_0_c5 {
		// margin: 0rpx 0rpx 32rpx 0rpx;
		padding: 0rpx 40rpx 0rpx 40rpx;
	}

	.submit_fd1_0_c5_c0 {
		border: 1px solid #2C8FFF;
		background: transparent;
		background-size: 100% !important;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		font-size: 28rpx;
		color: rgba(44, 143, 255, 1);
		width: 280rpx;
		height: 80rpx;
		line-height: 80rpx;
	}

	.submit_fd1_0_c5_c1 {
		background: rgba(44, 143, 255, 1);
		background-size: 100% !important;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-size: 28rpx;
		color: #fff;
		width: 280rpx;
		height: 80rpx;
		line-height: 80rpx;
	}

	.submit_flex_1 {
		background: url(https://app.ezsdcsm.com/images/31.png) no-repeat, transparent;
		background-size: 100% !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
		background-size: 100% auto !important;
		padding-bottom: 32rpx;
		border-radius: 0 0 28rpx 28rpx;
		overflow: hidden;
		border-bottom: 2rpx solid #1593FF;
	}

	.submit_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.submit_fd0_0_c0_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333;
		line-height: 36rpx;
	}

	.submit_fd0_0_c1 {
		width: 36rpx;
		height: 36rpx;
	}

	.submit_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background: url(https://app.ezsdcsm.com/images/91.png) no-repeat;
		background-size: 100% 100% !important;
	}

	.page {
		min-height: calc(100vh - var(--window-bottom));
		background: #fff;
		background-size: 100% auto !important;
		padding-bottom: 56rpx;
	}
</style>
